<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        .grid-container {
            display: grid;
            grid-template-columns: 220px auto;
            background-color: #2196F3;
            padding: 10px;
        }

        .grid-item {
            background-color: rgba(255, 255, 255, 0.8);
            border: 1px solid rgba(0, 0, 0, 0.8);
            padding: 20px;
            font-size: 30px;
            text-align: center;
            max-height: 800px;
            overflow: auto;
        }
    </style>
    <script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>
</head>

<body>

    <div class="grid-container">
        <div id="catalogue" class="grid-item"></div>
        <div id="content" class="grid-item"></div>
    </div>
    <script>
        $.get("/images_show/ArtificialIntelligenceTrainer_BasicKnowledge/information.json", function (data, status) {
            console.log("数据: " + data + "\n状态: " + status);
        });
    </script>
</body>

</html>